$(function () {
    if(timer){
        clearInterval(timer);
    }
    //获取需要的元素
    var $slideshow=$('.slideshow');
    var $imgs=$('.imgs>li');
    var $cubes=$('.cubes>span');
    var $arrow=$('.arrow');
    var $lt=$('.arrow_lt');
    var $rt=$('.arrow_rt');
    var count=0;//同步索引
    //小方块播放
    $cubes.mouseenter(function () {
        count=$(this).index();
        change();
        });
    //上一张
    $lt.click(function () {
        count--;
        change();
    });
    //下一张
    $rt.click(nextPlay);
    //自动播放
    var timer=setInterval(nextPlay,3000);
    //鼠标移入和移出
    $slideshow.mouseenter(function () {
        clearInterval(timer);
        console.log("hah");
        $arrow.fadeIn(400);
    }).mouseleave(function () {
        clearInterval(timer);
        timer=setInterval(nextPlay,3000);
        $arrow.fadeOut(400);
    });
    //封装change函数
    function change() {
        if(count==-1){
            count=$imgs.length-1;//跳到最后一张图
        }
        if(count==$imgs.length){
            count=0;  //跳到第一张图
        }
        $cubes.eq(count).addClass('current').siblings().removeClass('current');
        $imgs.eq(count).stop().fadeIn(400).siblings().stop().fadeOut(400);
    }
    function nextPlay() {
        count++;
        change();
    }
});